/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    padding: 2px;
}

.validation-summary-errors
{
    font-size:10px;
    color: #ff0000;
}

.validation-summary-errors ul
{
    padding-left: 10px;
}


.validation-summary-valid
{
    display: none;
}
/*----------MASTER----------*/
div#master-picture
{
    background-image: url(images/master.jpg); 
    background-repeat:no-repeat;
    height:193px;
    width:1000px;
    margin-left:130px;
}


/*-----------------*/
div#start-project
{
    background-image: url(images/firstPage.jpg); 
    background-repeat:no-repeat;
    height:500px;
    width:500px;
    position:absolute;
    left:30%;
    top:30px;
    margin-left:-50px;
}

div#start-project div
{
    font-size:30px;
    width: 30%;
    height: 20%;
    margin-top: 50%;
    margin-left:70%;
}
/*------------Registration----------*/

div#registration-panel
{
    border: 1px solid #B7B7FB;
    width: 180px;
    margin: auto;
    margin-top:110px;
    font-size: 15px;
    font-family: Arial, Helvetica, Times New Roman;
}

div#registration-panel div[id='validator']
{
    width: 150px;
    margin: 10px 15px 10px 15px;
}

div#registration-panel p
{
    text-align:center;
    text-transform:uppercase;
    font-weight: bold;
    color: Blue;
    width: 180px;
}
/*-------------Log On----------*/
#logon-picture
{
    background-image:url(images/AndrewFlag.jpg);   
    background-repeat:no-repeat;
    height:126px;
    width:172px;
    position:absolute;
    left:49%;
    top:30px;
    margin-left:-75px;
}

div#logon-panel
{
    border: 1px solid #B7B7FB;
    width: 180px;
    margin: auto;
    margin-top:170px;
    font-size: 15px;
    font-family: Arial, Helvetica, Times New Roman;
}

div#logon-panel p
{
    text-align:center;
    text-transform:uppercase;
    font-weight: bold;
    color: Blue;
    width: 180px;
}

div#logon-panel div[id='validator']
{
    margin-left: 10px;
}
div#logon-panel table 
{
    margin: 10px 8px 10px 8px;
    width: 160px;
}

div#logon-panel table td
{
    width: 80px;    
}

div#logon-panel input[type='button']
{
    border: 1px solid #AFAFAF;
    padding:3px;
    width: 78px;
    color: Blue;

}

div#logon-panel input[type='submit']
{
    border: 1px solid #AFAFAF;
    padding:3px;
    width: 78px;
    color: Blue;
}

div.input-label
{
    margin-left: 15px;
    color: #7777FF;
    margin-bottom: 10px;
    width: 100%;
}

div.input-label input
{
    width: 150px;
}

div.input-box input
{
    margin-left: 15px;
    border: 1px solid #C2f2f7;
    width: 145px;
    border-bottom-width:2px;
    border-right-width: 2px;
}


div.input-box
{
    margin-bottom: 10px;
    width: 100%;
}

/* ............................................ */
div span.balance-amount
{
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    color: Green;
}

/* ............................................ */
.room-left
{
    float: left;
    width: 75%;
}

.right-panel
{
    float: right;
    width: 20%;
}

.left-panel
{
    float: left;
    width: 25%;
    min-height: 400px;
}

.account-panel
{
}

.current-games-panel
{
}

.game-list-panel
{
    float: right;
    width: 70%;   
    border-left: 1px solid #adadad;
    border-right: 1px solid #adadad;
}

.game-list-panel .game-list-element
{
    min-height: 80px;
    border-bottom: 1px solid #AFAFAF;
    width: 400px;
    margin-left:30%;
    
}

.game-list-panel h2
{
    margin-left: 35%;
}

.game-list-panel .game-list-element p
{
    padding-left: 70px;
}

.game-list-panel .game-list-element p span
{
    color: Maroon;
    font-weight: bold;
}

.game-list-panel .game-list-element .preset
{
    color: Green;
    font-size: 25px;
}

.game-list-panel .star
{
    width: 38px;
    height: 40px;
    background-image: url('Images/Star.png');
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    
}

/* ................................................. */

.current-games-panel table
{
    width:100%;
    border-top: 1px solid #AFAFAF;
    border-left: 1px solid #AFAFAF;
    
}

.current-games-panel table thead 
{
    background-color: #EFEFEF;
}

.current-games-panel table thead td
{
    border-right: 1px solid #AFAFAF;
    padding: 2px;
    text-align: center;
    border-bottom: 1px solid #AFAFAF;
}

.current-games-panel table tbody td
{
    border-bottom: 1px solid #AFAFAF;
    padding: 2px 10px 2px 10px;
    border-right: 1px solid #AFAFAF;    
}

div#whatshow-panel p
{
    text-align: center;
    width: 100%;
    font-size: larger;
}

div[class='right-panel'] input[type='button']
{
    width: 80%;
    margin-left: 10%;
}

div.room-input-label
{    
    text-align: center;    
    font-size: large;
    margin-bottom: 10px;
}

div[class='right-panel'] input[type='submit']
{
    width: 40%;
    margin-left: 30%;
}

div.room-input-box
{
    width: 80%;    
    margin-left: 20%;
}

/*--------------PROFILE-------------*/
div#profile-panel
{
    width: 70%;
    margin-left: 35%;
}

.profile-game-list-panel
{
  
}

.profile-game-list-element
{
    min-height: 80px;
    border-bottom: 1px solid #AFAFAF;
    margin: 30px 0px;
    width: 400px;
}

.profile-game-list-element p
{
    padding-left: 70px;
}

.profile-game-list-element p span
{
    color: Maroon;
    font-weight: bold;
}

.profile-game-list-element .preset
{
    color: Green;
    font-size: 25px;
}

.profile-star
{
    width: 38px;
    height: 40px;
    background-image: url('Images/Star.png');
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    
}